<template>
	<div>
		<ul>
			<li v-for="it in icolist" :key="it.id">
				<img :src="it.url" />
				<p>{{it.txt}}</p>
			</li>
		</ul>
	</div>
</template>

<script>
	export default{
		name:'Types',
		props:['propTypes'],
		data(){
			return{
				icolist:[]
			}
		},
		watch:{
			propTypes(){
				this.icolist=this.propTypes
			}
		}
	}
</script>

<style scoped>
	ul{
		display: flex;
		align-items: center;
		padding-top: 0.5rem;
	}
	ul li{
		width: 20%;
		text-align: center;
		padding-top: 1.3rem;
	}
	img{
		width: 1.1rem;
		height: 1.1rem;
	}
	p{
		padding: 0.2rem 0;
	}
</style>
